<template>
    <el-button type="text" class="h-text-btn">
        {{text}}
        <span v-if="this.showRem === 'true'" class="discount-warm"><span class="warm-title"><i class="iconfont icon-tixing"></i><i style="font-weight: bold">提醒：</i></span>{{warContent}}</span>
    </el-button>
</template>

<script lang="ts">
    import { Vue, Component, Prop } from 'vue-property-decorator';
    @Component({
        props: ['text','warContent','showRem']
    })
    export default class HTextBtn extends Vue {
        @Prop() showRem: string;
        mounted () {
            // console.log(this.showRem)
        }
    }
</script>

<style lang="scss" scoped>
    .h-text-btn {
        color: $__color-show;
        font-size: $__little-font-size;
    }
    .icon-tixing {
        color: $__color-remind;
    }
    .warm-title {
        color: $__color-label;
        font-size: $__font-size-default;
    }
    .discount-warm {
        color: $__color-label;
    }
</style>
<style lang="scss">

</style>